.CodeMirror pre.hidden-line:not(.active-line) {
    color: transparent;
    z-index: 1;
}

.CodeMirror pre.hidden-line:not(.active-line) span {
    color: transparent;
}

.CodeMirror-linewidget .widget {
    padding: 0 4px;
    white-space: pre;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.CodeMirror-linewidget .widget .widget-control {
    z-index: 2;
    position: relative;
}

.CodeMirror-linewidget .widget.right, 
.CodeMirror-linewidget .widget.active-line {
    text-align: right;
}
        
.CodeMirror-linewidget .widget.right > span,
.CodeMirror-linewidget .widget.active-line > span {
    display: none;
}
                
.CodeMirror-linewidget .widget.right .widget-control {
    display: inline-block;
}

.teacss-ui .teapot-bare-controls {
    background: #fcfcfc;
    padding: 0 10px;
    color: #333;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 16px;
}
        
.teacss-ui .teapot-bare-controls h3 {
    margin-top: 8px !important;
    border-bottom: 2px solid #ccc;
    padding: 2px 0;
    margin-bottom: 3px !important;
    font-size: 80%;
}
        
.teacss-ui .teapot-bare-controls .widget-control {
    margin-top: 5px;
}

.teacss-ui h3.widget-control {
    background: none;
    color: inherit;
}

.teacss-ui .ui-button.widget-control {
    font-size: 80%;
}

.teacss-ui .ui-button.widget-control .ui-button-text {
    padding: 0em 1em;
    line-height: 1.0;
}